<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>列表</title>
		<link rel="stylesheet" type="text/css" href="列表/quanju.css" />
		<link rel="stylesheet" type="text/css" href="列表/index.css" />
		<link rel="stylesheet" type="text/css" href="列表/index-min.css" media="all and (max-width:760px)" />
	</head>
	<body>
		<div class="container">
			<!-- 头部 -->
			<div class="tb">
				<div><img src="images/index_07.png"></div>
				<ul>
					<li>
						<p>设为首页</p>
					</li>
					<li>
						<p>加入收藏</p>
					</li>
					<li>
						<p>联系我们</p>
					</li>
				</ul>
			</div>
		</div>
		<!-- 导航 -->
		<nav>
			<ul>
				<li>
					<a href="首页.html">网站首页</a>
				</li>
				<li>
					<a href="">公司简介</a>
				</li>
				<li>
					<a href="">新闻动态</a>
				</li>
				<li>
					<a href="列表.html">产品展厅</a>
				</li>
				<li>
					<a href="#">招商加盟</a>
				</li>
				<li>
					<a href="#">诚聘英才</a>
				</li>
				<li>
					<a href="#">联系我们</a>
				</li>
			</ul>
		</nav>
		<!-- banner -->
		<div class="banner">
			<div class="image">
				<img src="images/index_11.png">
			</div>
		</div>
		<!-- main -->
		<div class="zhongkuang">
			<div class="main">
				<!-- main内容左边 -->
				<div class="l">
					<ul class="lt">
						<p><img src="images/list_03.png">产品分类</p>
						<li><img src="images/list_07.png">床上用品</li>
						<li> <img src="images/list_07.png">窗帘</li>
						<li> <img src="images/list_07.png">家饰用品</li>
						<li> <img src="images/list_07.png">家居服饰</li>
						<li> <img src="images/list_07.png">其他</li>
					</ul>
					<p class="p"><img src="images/list_03.png">资讯搜索</p>
					<div class="s">
						<p>产品搜索：</p>
						<input type="text" placeholder="关键字" />
						<img src="images/list_15.png">
					</div>
				</div>
				<!-- main右边 -->
				<div class="r">
					<ul class="rt">
						<li>
							<p>产品展厅</p>
						</li>
						<li>您现在的位置：首页>产品展厅</li>
					</ul>
					<ul class="rb">
						<li><a href="产品详情.html"><img src="images/7.jpg"></a>
							<p>床上用品</p>
						</li>
						<li><img src="images/2.jpg">
							<p>床上用品</p>
						</li>
						<li><img src="images/3.jpg">
							<p>床上用品</p>
						</li>
						<li><img src="images/4.jpg">
							<p>床上用品</p>
						</li>
						<li><img src="images/5.jpg">
							<p>床上用品</p>
						</li>
						<li><img src="images/6.jpg">
							<p>床上用品</p>
						</li>
						<li><img src="images/1.jpg">
							<p>床上用品</p>
						</li>
						<li><img src="images/8.jpg">
							<p>床上用品</p>
						</li>
						<li><img src="images/9.jpg">
							<p>床上用品</p>
						</li>
					</ul>
					<ul class="rd">
						<li class="q">
							<p>共2页</p>
							<p>每页9条</p>
							<p>页次1/2</p>
						</li>
						<li>
							<button type="button">首页</button>
							<button type="button">上一页</button>
							<button type="button">下一页</button>
							<select>
								<option value ="">1</option>
							</select>
							<button type="button">尾页</button>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<!-- END -->
		<div class="fotter">
			<li>
				<p>关于我们</p>
				<p>联系方式</p>
				<p>客户留言</p>
				<p>加盟申请</p>
				<p>诚聘英才</p>
				<p>友情链接</p>
			</li>
		</div>
		<div class="wei">
			<p>版权所有Copyright(C)2005-2017格莱科技</p>
		</div>
	</body>
</html>
